<%--
  Created by IntelliJ IDEA.
  User: fengtao
  Date: 15-11-16
  Time: 下午3:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<div id="pageMenu" class="pagebox">
    <div class="table-actions" style="float:left;">展示条数:
        <select id="pageSize" style="width:60px">
            <option value="10" <c:if test="${data.pageSize==10}">selected</c:if>>10</option>
            <option value="15" <c:if test="${data.pageSize==15}">selected</c:if>>15</option>
            <option value="20" <c:if test="${data.pageSize==20}">selected</c:if>>20</option>
            <option value="25" <c:if test="${data.pageSize==25}">selected</c:if>>25</option>
            <option value="30" <c:if test="${data.pageSize==30}">selected</c:if>>30</option>
            <option value="35" <c:if test="${data.pageSize==35}">selected</c:if>>35</option>
            <option value="40" <c:if test="${data.pageSize==40}">selected</c:if>>40</option>
            <option value="50" <c:if test="${data.pageSize==50}">selected</c:if>>50</option>
            <option value="100" <c:if test="${data.pageSize==100}">selected</c:if>>100</option>
            <option value="200" <c:if test="${data.pageSize==200}">selected</c:if>>200</option>
            <option value="500" <c:if test="${data.pageSize==500}">selected</c:if>>500</option>
        </select>共<span>${data.totalCount == null ? 0 : data.totalCount}</span>条
    </div>
    <div class="pagination" style="float:right">
        <ul class="pagination">
            <li class="active"><a href="javascript:;" class="active">1</a></li>
            <c:forEach var="i" begin="2" end="${data.totalPage}" step="1">
                <li><a href="javascript:;" onclick="paging('${i}')">${i}</a></li>
            </c:forEach>
            <c:if test="${data.totalPage>1}">
                <li><a href="javascript:;"  onclick="paging('${data.pageNo+1}')">下一页</a></li>
                <li><a href="javascript:;"  onclick="paging('${data.totalPage}')">尾页</a></li>
            </c:if>
        </ul>
    </div>
    <script>
        /**
         * 选择一页显示的页数跳转页面
         */
        $("#pageSize").change(function(){
            paging(1);
        });
    </script>
</div>
